.post-title
  text-align: center
  font-size: 26px
  color: #555
.post-title-bar
  padding-top: 20px
  text-align: center
  font-size: 16px
  line-height: 1.5em
  ul li
    display: inline-block
    margin-right: 15px
    font-size: 13px
    color: #999
    a
      text-decoration: none
      color: #999
      &:hover
        color: main-color
.post-content
  background: #fff
.post-modal
  display: none
  position: fixed
  top: 24%
  left: 50%
  z-index: 120
  padding: 30px
  text-align: center
  color: #727272
  background: #fff
  border-radius: 4px
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)
  opacity: 0
  transform(translate(-50%, -200%))
  &.ready
    visibility: hidden
    display: block
    transform(translate(-50%, -100%))
    transition(.3s)
  &.in
    visibility: visible
    opacity: 1
    transform(translate(-50%, 0))
  .close
    position: absolute
    right: 10px
    top: 5px
    color: rgba(0, 0, 0, .2)
    font-size: 25px
    font-weight: 800
    line-height: 20px
    &:hover, &:active
      color: rgba(0, 0, 0, .4)
      text-decoration: none